<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Metfind Card</title>
	<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url();?>assets/css/general/images/favicon.ico" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/general/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/general/flexslider.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/jqueryui1.10.3/redmond/compressed.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/css/datatables1.9.4/uncompressed.css" type="text/css" media="all" />
	
	
	<script src="<?php echo base_url();?>assets/js/jquery1.10.1/compressed.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/general/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/general/functions.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/jqueryui1.10.3/compressed.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>assets/js/datatables1.9.4/compressed.js" type="text/javascript"></script>
	<script>
		$(document).ready(
				function()
				{
					$("#dialog1").dialog({modal:true,zIndex:500,width: 938,height:600,autoOpen:false });
					$('#tableAll').dataTable();
				}

				);
		function showAll()
		{
			
			$("#dialog1").dialog("open");
		}
	</script>
</head>
<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- header -->
		<header class="header">
			<div class="shell">
				<h1 id="logo"><a href="#">Metfind</a></h1>
				
				<!-- navigation -->
				<nav id="navigation">
					<ul>
						<li class="active">
							<a href="<?php echo base_url();?>card">Inicio</a>
						</li>
						<li>
							<a href="<?php echo base_url();?>card/comofunciona">Como funciona</a>
						</li>
						<li>
							<a href="<?php echo base_url();?>card/comprar">Comprar</a>		
						</li>
						<li>
							<a href="<?php echo base_url();?>card/contacto">Contacto</a>
						</li>
						<li>
							<a href="<?php echo base_url();?>card/login">Log in</a>
						</li>
					</ul>
					<div class="cl">&nbsp;</div>
				</nav>
				<!-- end of navigation -->
			</div>
		</header>
		<!-- end of header -->
		
		<!-- slider-holder -->
		<div class="slider-holder">
			<!-- shell -->
			<div class="shell">
				<span class="l"></span>
				<span class="r"></span>
				<span class="t"></span>
				<span class="b"></span>
				<a onclick="showAll()" class="slider-btn">Ver todos los beneficios</a>
				<!-- slider -->
				<div class="slider flexslider">
					<ul class="slides">
						<li>
							<img src="<?php echo base_url();?>assets/css/general/images/slide-img.png" alt="" />
							<div class="slide-cnt">
								<div class="box-t"></div>
								<div class="box-c">
									<div class="box-cnt">
										<h2>Ahorra dinero</h2>
										<p>Contamos con beneficios en distintos lugares dentro de diferentes ciudades, al comprar
										la tarjeta virtual MetfindCard podras acceder a ellos sin tramites de pormedio.</p>
									</div>
									<div class="cl">&nbsp;</div>
								</div>
								<div class="box-b"></div>
							</div>	
						</li>
						<li>
							<img src="<?php echo base_url();?>assets/css/general/images/slide-img.png" alt="" />
							<div class="slide-cnt">
								<div class="box-t"></div>
								<div class="box-c">
									<div class="box-cnt">
										<h2>Encuentra informacion</h2>
										<p> Podras saber sobre lugares que pueden ser de tu interes y obtener distintos tipos de beneficios en ellos.</p>
									</div>
									<div class="cl">&nbsp;</div>
								</div>
								<div class="box-b"></div>
							</div>	
						</li>
					</ul>
				</div>
				<!-- end of slider -->
			</div>
			<!-- end of shell -->	
		</div>	
		<!-- end of slider-holder -->
		
		<!-- shell -->
		<div class="shell">
			<!-- main -->
			
			<div class="main">
			<h1 style="text-align:center">Conoce nuestros benificios</h1>
			<br><br><br>
				<section class="cols">
					<div class="col">
						<h3><a href="#">Alojamiento</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/alojamiento1.jpg" alt="" /></a>
						<p>Talca: 3 noches por el precio de 2 en Hotel1<br />Talca: 15% en Hostal1 <br/> <a href="#">ver mas...</a></p>		
					</div>
					<div class="col">
						<h3><a href="#">Comida</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/comida1.jpg" alt="comida" /></a>
						<p>Talca: 10% descuento en Sushiroll<br />Talca: 10% descuento en Taipei <br/> <a href="#">ver mas...</a></p>		
					</div>
					<div class="col">
						<h3><a href="#">Tour</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/tour1.jpg" alt="" /></a>
						<p>Talca: 3 noches por el precio de 2 en Hotel1<br />Talca: 15% desceunto en Hostal1 <br/> <a href="#">ver mas...</a></p>	
					</div>
					
					<div class="col">
						<h3><a href="#">Movilizacion</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/movilizacion1.jpg" alt="" /></a>
						<p>Talca: 10% descuento en taxis1 <br />Talca: 15% descuento en Buses1 <br/> <a href="#">ver mas...</a></p>	
					</div>
					<div class="col">
						<h3><a href="#">Vestuario</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/vestuario1.jpg" alt="" /></a>
						<p>Talca: 3x2 en chaquetas en Local1<br />Talca: 15% traje de banos en local2<br/> <a href="#">ver mas...</a></p>	
					</div>
					<div class="col">
						<h3><a href="#">Otros</a></h3>
						<a href="#"><img src="<?php echo base_url();?>assets/css/general/images/otros1.jpg" alt="" /></a>
						<p>Talca: Entradas 2x1 Cinemark para ver Pelicula1<br />Talca: Entradas 3x2 para Negocio1<br/> <a href="#">ver mas...</a></p>	
					</div>
					
					<div class="cl">&nbsp;</div>
				</section>
			</div>
			<!-- end of main -->
		</div>
		<!-- end of shell -->
		<div id="footer-push"></div>
	</div>
	<!-- wrapper -->

	<!-- footer -->
	<div id="footer">
		<div class="shell">
			<!-- footer-cols -->
			<section class="footer-cols">
				<div class="col">
					<h3>Mas <strong>sobre nosotros</strong></h3>
					<p>MetfindCard es un servicio enfocado en turismo que funciona a modo de linker, por un lado brinda la oportunidad de darse a conocer y llegar a un amplio publico a negocios de distinto tipo y por otro lado brinda beneficios e informacion a las personas que hacen uso de ellos.</p>
				</div>
				<div class="col">
					<h3>Mantente <strong>Informado</strong></h3>
					<p>Si deseas recibir novadades y nuevos beneficios puedes dejarnos tu email</p>
					<form method="post">
						<input type="text" class="field" value="tu email aqui" title="tu email aqui" />
						<input type="submit" class="submit-btn" value="Enviar" />
					</form>
				</div>
				<div class="col contact">
					<h3>Contacta<strong>nos</strong></h3>
					<h4>+ 123 456 78910</h4>
					<a href="#">contactcard@metfind.com</a>
				</div>
				<div class="cl">&nbsp;</div>
			</section>
			<!-- end of footer-cols -->
			<p class="copy">&copy; Metfind.</p>
			<div class="cl">&nbsp;</div>
		</div>	
	</div>
	<!-- end of footer -->
	<div id="dialog1">
	<table id="tableAll" >
		<thead >
			<tr>
				<th>Ciudad</th>
				<th>Categoria</th>
				<th>Tipo</th>
				<th>Local</th>
				<th>Beneficio</th>
				<th>Foto</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th>Talca</th>
				<th>Comida</th>
				<th>China</th>
				<th>Taipei</th>
				<th>15% descuento en menu para 2</th>
				<th><img src="<?php echo base_url()?>assets/images/comidachina.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Comida</th>
				<th>China</th>
				<th>Chinchan</th>
				<th>Menu para 4, 15.000 pesos</th>
				<th><img src="<?php echo base_url()?>assets/images/comidachina2.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Alojamiento</th>
				<th>Hostal</th>
				<th>Hostalca</th>
				<th>5 noches por el precio de 4</th>
				<th><img src="<?php echo base_url()?>assets/images/hostal1.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Vestuario</th>
				<th>Outdoor</th>
				<th>RutasMaule</th>
				<th>15% descuento en chaquetas de pluma</th>
				<th><img src="<?php echo base_url()?>assets/images/chaquetapluma1.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Vestuario</th>
				<th>Ciudad</th>
				<th>RopaTalca</th>
				<th>3x2 en camisas para hombres</th>
				<th><img src="<?php echo base_url()?>assets/images/camisa1.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Otros</th>
				<th>Vida Nocturna</th>
				<th>Pub Cocoloco</th>
				<th>10% descuento en tragos</th>
				<th><img src="<?php echo base_url()?>assets/images/pub1.jpg" ></img></th>
			</tr>
			<tr>
				<th>Talca</th>
				<th>Tour</th>
				<th>Excursion Diaria</th>
				<th>RutasMaule</th>
				<th>15% descuento en excursion enladrillado y laguna del alto</th>
				<th><img src="<?php echo base_url()?>assets/images/enladrillado.jpg" ></img></th>
			</tr>
			
		</tbody>
	</table>
	</div>
</body>
</html>